import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementUI from 'element-ui';
//样式文件需要单独引入
import 'element-ui/lib/theme-chalk/index.css';
//main.js
import axios from 'axios'
//在main.js引入qs
import qs from 'qs'

//配全局属性配置，在任意组件内可以使用this.$qs获取qs对象
 Vue.prototype.$qs = qs;
//把axios对象挂到Vue实例上面，使用axios的时候直接全局调用this.$axios就可以了 
axios.defaults.baseURL = 'http://127.0.0.1:9600/';
Vue.prototype.$axios = axios

Vue.config.productionTip = false
Vue.use(ElementUI);

// 在此处进行配置全局的路由守卫（全局前置钩子）
// 目的是：判断当前用户中本地存储是否有token，使用户在登录之前，只能访问到/login页面，其他的页面是访问不到的。
router.beforeEach((to, from, next) => {
  // to 即将进入的路由
  // from 在哪个路由进入的
  // next 放行
  //   console.log(to); //打印的是页面要跳转到的路由,例如：它下面的path：为"/login"
  let token = localStorage.getItem("zkx-token") || ""; //在本地存储中获取token
  if (token) {
    //判断是否有token
    next();
  } else {
    //在没有token的前提下，to下面的path是否为/login，如果不是则页面跳转到登录页面
    if (to.path == "/login") {
      
      next();
    } else {
      next({ path: "/login" }); //跳转页面到login页
    }
  }
});

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
